<div class="navbar-header {{app.settings.navbarHeaderColor}}">
    <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
        <i class="glyphicon glyphicon-cog"></i>
    </button>
    <!--<button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
        <i class="glyphicon glyphicon-align-justify"></i>
    </button>-->
    <a href="#/" class="navbar-brand text-lt">
        <i class="fa" ng-show="app.settings.asideFolded" title="智运通">智</i>
        <span class="hidden-folded m-l-xxl letter">{{app.name}}</span>
    </a>
</div>
<div>
    <div class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}" style="height:50px!important">
        <div class="nav navbar-nav hidden-xs">
            <a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded" title="折叠">
                <i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
            </a>
            <a href class="btn no-shadow navbar-btn" title="个人信息" ui-toggle-class="show" target="#aside-user">
                <i class="icon-user fa-fw"></i>
            </a>
        </div>

        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown excels">
                <a href class="dropdown-toggle menuss" data-disabled="true" data-toggle="dropdown">
                    <i class="fa fa-download icon-animated-bell"></i>
                    <span class="visible-xs-inline">Notifications</span>
                    <span class="badge badge-sm up bg-danger pull-right-xs" ng-show="EnumChildren<=50">{{excelExportList.length}}</span>
                    <span class="badge badge-sm up bg-danger pull-right-xs" ng-show="EnumChildren>50">50</span>
                </a>
                <div class="dropdown-menu w-xl animated fadeInUp">
                    <!-- <div class="panel bg-white">
                        <div class="panel-heading b-light bg-light">
                            <strong>导出缓冲队列 </strong><span class="text-danger pull-right">在缓冲完成后点击下载即可</span>
                        </div>
                        <div class="list-group" style="max-height: 400px; overflow-y: scroll; overflow-x: hidden;">
                            <div class="list-group-item" ng-repeat="items in excelExportList | orderBy:'-time' | filter:{IsCancel:false} | limitTo:50 track by $index">

                                <span>{{items.CnFileName}}({{items.time}})</span>
                                <a href="" ng-click="downloadExcel(items.Path,items.skey)" ng-show="items.ProgressValue==100" class="btn-xs badge text-info badge-empty down-zs" title="下载">
                                    <i class="fa fa-download"></i> 下载
                                </a>
                                <span href="" ng-show="items.ProgressValue!=100&&items.IsTrue==true" class="pull-right text-info down-zs" title="缓冲中">
                                    缓冲中...
                                </span>
                                <uib-progressbar class="progress-striped active m-b-xs" ng-show="items.IsTrue==true" value="items.ProgressValue" type="success"><b></b>
                                    <span class="close ui-select-match-close cancel-r" title="取消" ng-click="selectCancel(items.skey,items.ckey,items.IsCancel,items.IsTrue,items.ProgressValue)">&nbsp;×</span>
                                </uib-progressbar>
                                <span href="" ng-show="items.IsTrue==false" class="pull-right text-danger down-zs" title="缓冲失败">
                                    缓冲失败
                                </span>
                                <uib-progressbar class="progress-striped active m-b-xs" ng-show="items.IsTrue==false" value="items.ProgressValue" type="danger"><b></b>
                                    <span class="close ui-select-match-close cancel-r" title="取消" ng-click="selectCancel(items.skey,items.ckey,items.IsCancel,items.IsTrue,items.ProgressValue)">&nbsp;×</span>
                                </uib-progressbar>
                            </div>
                        </div>

                    </div> -->
                    <tms-export></tms-export>
                </div>
            </li>
            <li class="dropdown">
                <a href class="dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-bell fa-fw icon-animated-bell"></i>
                    <span class="visible-xs-inline">Notifications</span>


                    <span class="badge badge-sm up bg-danger pull-right-xs">{{messageTotal}}</span>


                </a>
                <div class="dropdown-menu w-xl animated fadeInUp">
                    <div class="panel bg-white">
                        <div class="panel-heading b-light bg-light">

                            <strong>收到 <span>{{messageTotal}}</span> 条消息通知</strong>

                        </div>
                        <div class="list-group" style="max-height: 400px; overflow-y: scroll; overflow-x: hidden;">
                            <a ui-sref="app.mes.messageList" ng-repeat="item in unReadList | orderBy:'-Time' track by $index" class="media list-group-item">
                                <span class="media-body block m-b-none">
                                <span ng-if="item.Type==0">
                                    <i class="fa fa-volume-up text-grays"></i>
                                    系统消息：
                                </span>
                                <span ng-if="item.Type==3">
                                        <i class="fa fa-rmb text-grays"></i>
                                        支付消息：
                                    </span>
                                <span ng-if="item.Type==2">
                                        <i class="fa fa-file-text-o text-grays"></i>
                                        报价消息：
                                    </span>
                                <span ng-if="item.Type==4">
                                        <i class="fa fa-clipboard text-grays"></i>
                                        过单消息：
                                    </span>
                                <span ng-if="item.Type==5">
                                    <i class="fa fa-clipboard text-grays"></i>
                                    受理提醒：
                                </span>  
                                <span title="{{item.content}}" style="width: 270px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;">
                                    &nbsp;&nbsp;&nbsp;{{item.content}}
                                </span>

                                <small class="text-muted">{{item.time}}</small>
                                </span>
                            </a>
                        </div>
                        <div class="panel-footer text-sm">
                            <a ui-sref="app.mes.messageList" class="pull-right"><i class="fa fa-comment"></i></a>
                            <a ui-sref="app.mes.messageList" data-toggle="class:show animated fadeInRight">查看全部消息通知</a>
                        </div>
                    </div>
                </div>
            </li>


            <li class="dropdown" dropdown>
                <a href class="dropdown-toggle" data-toggle="dropdown">
                    <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                        <img style="height:35px;width:35px" ng-src="{{headPath}}" alt="...">
                        <i class="on md b-white bottom"></i>
                    </span>
                    <span class="hidden-sm hidden-md">{{realName}}</span> <b class="caret"></b>
                </a>
                <ul class="dropdown-menu animated fadeInRight w">
                    <li>
                        <a ui-sref="app.system.userinfo_edit">个人信息</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a ng-click="logout()">注销</a>
                    </li>
                </ul>

            </li>
        </ul>
    </div>

    <toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
</div>

<!-- 20180-03-05 15:15 -->